<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=0.5,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>
        <%= htmlWebpackPlugin.options.title%>
    </title>
    <script>
        // 计算html font-size
        // 保证7.5rem等于屏幕宽度
        (function (f, j) {
            var i = document,
                d = window;
            var b = i.documentElement;
            var c;

            function g() {
                var k = b.getBoundingClientRect().width;
                if (!j) {
                    j = 1080
                }
                if (k > j) {
                    k = j
                }
                var l = k * 100 / f;
                b.style.fontSize = (l > 100 ? 100 : l) + "px";
            }
            g();
            d.addEventListener('resize', g)
            d.addEventListener("pageshow", function (k) {
                if (k.persisted) {
                    clearTimeout(c);
                    c = setTimeout(g, 300)
                }
            }, false)
        })(750, 1080);
    </script>
</head>

<body>
    <div id="mapContainer"></div>
    <div class="details">
        <div  class="title"><span id='title'></span><span class="status"></span></div>
        <p id="address" class="address"></p>
        <div id="navigationBtn" class="red-btn">立即导航</div>
    </div>
    <div class="tips-area">
        <span class='tips-title'>温馨提示：</span>
        <p>请在前往本店进行无人洗车前，查看现场视频，了解排队状况，避免排队等候。</p>
    </div>
    <h3>7X24小时</h3>
    <h1>无人值守洗车</h1>
    <div class="imgae_block"></div>
    <div class="fearture">
        <ul>
            <li>
                <span class="big">快</span>3分钟极速洗车</li>
            <li>
                <span class="big">省</span>10元钱搞定</li>
            <li>
                <span class="big">美</span>洗后干净靓丽</li>
        </ul>
    </div>
    <div class="red-btn scan-now">
        <span id="scanBtn">扫码洗车</span>
    </div>
    <script src="http://webapi.amap.com/maps?v=1.4.7&key=ac4771152cadb6931061544d774a8a52"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</body>

</html>